
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible">
    <meta content="webkit" name="renderer">
    <title>支付宝</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" name="viewport">
    <link href="https://as.alipayobjects.com:443/g/snake/h5cashier/1.0.5/h5cashier.css" media="all" rel="stylesheet" type="text/css">
    <script th:src="@{/js/jquery.min.js}" type="text/javascript"></script>
<style>
    body {
        font-weight: 500;
        font-family: PingFangSC-Regular, "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    }
    .J-h5pay.am-button.am-button-blue   { padding: 0; height: 15vw; line-height: 15vw; font-size: 4vw;}
    .result {
        position: absolute;
        top: 15vw;
        width: 100%;
    }
    .result-logo {
        width: 70px;
        height: 98px;
        margin: auto;
        background-image: url();
        background-repeat: no-repeat;
        background-size: contain;
    }
    .result-title {
        margin: 40px 0 14px;
        text-align: center;
        font-size: 21px;
        color: #00a0e8;
        line-height: 25px;
    }
    .result-tips {
        max-width: 370px;
        margin: 0 auto 10px;
        padding: 0 15px;
        font-size: 15px;
        color: #a5a5a5;
        line-height:18px;
        text-align:left;
        word-break:break-all;
        word-wrap:break-word;
    }
    .result-botton {
        margin: 0 15px 20px;
    }
    .result-botton a {
        display: block;
        margin: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 80vw;
        text-align: center;
    }
    .result-botton a.am-button-white {
        color: #00aaee;
        background:#ffffff;
        border:1px solid #00aaee;
    }
    .result-botton .am-button[disabled=disabled] {
        color: #e6e6e6;
        background: #f8f8f8;
        border: 1px solid #dedede;
    }
</style>
</head>
<body>
<div class="result">
<div class="result-logo"></div>
<div class="result-title">请点击支付</div>
<div class="result-botton"><a class="J-h5pay am-button am-button-blue" href="" id="paybtn" >支付</a></div>
</div>
<script type="text/javascript">
function html_decode(str) 
{ 
  var s = ""; 
  if (str.length == 0) return ""; 
  s = str.replace(/&amp;/g, "&"); 
  s = s.replace(/&lt;/g, "<"); 
  s = s.replace(/&gt;/g, ">"); 
  s = s.replace(/&nbsp;/g, " "); 
  s = s.replace(/&#39;/g, "\'"); 
  s = s.replace(/&quot;/g, "\""); 
  s = s.replace(/<br\/>/g, "\n"); 
  return s; 
} 

function setPayUrl()
{
	var param=html_decode('[[${pay_param}]]');
	param=encodeURIComponent(param);
	$('#paybtn').attr('href','alipays://platformapi/startapp?appId=20000067&url='+encodeURIComponent('https://www.alipay.com/?appId=20000125&orderSuffix='+param));
}
setPayUrl();
</script>
</body>
</html>